<template>
  <div class="hello">
    <h1>QjFileCenterDemo</h1>
    <button id="fileupload">上传文件</button>
    <button @click="previewFile">预览文件</button>
    <button @click="downloadFile">下载文件</button>
  </div>
</template>

<script>
import $ from 'jquery'

let fileCenterUrl = config.fileCenterUrl // 'http://localhost:9100/'
export default {
  name: 'HelloWorld',
  mounted() {
    console.log('确认JQuery成功引入:' + $)

    let _this = this
    let obj = {
      uploadButtton: 'fileupload', //上传按钮的ID
      fileapiurl: fileCenterUrl, //服务器地址
      usercode: 'qycode', //文件中心中空间里对应的QYCODE
      secret: 'qycode', //文件中心中空间里里对应的企业secret
      width: '50%', //弹出窗口宽度
      left: '25%', //弹出窗口左侧边距
      upinfo: '测试消息', //上传附带信息
      webupconfig: {
        //WebUpload配置项(可以配置文件上传类型，大小等属性)
        fileNumLimit: 5
      },

      //文件上传成功,返回上传的数据: 需要把此html部署到IIS里面,才能正常返回上传后的文件信息
      filecomplete: function (fileData) {
        console.log('单个文件上传完毕！')
        console.log('每上传一个文件调用一次本方法(filecomplete),但是入参fileData是全部文件的信息')
        console.log('每删除一个文件也会调用一次本方法(filecomplete),入参fileData是剩余全部文件的信息')
        console.log(JSON.stringify(fileData))
      },

      //关闭按钮,返回上传的数据(一个数组): 需要把此demo部署到IIS里面,才能正常返回上传后的文件信息
      closeupwin: function (fileData) {
        console.log('closeupwin:关闭了上传窗口')
        console.log(JSON.stringify(fileData))
        let dataJson = fileData.replace(/NaN/g, null)
        let data = JSON.parse(dataJson)
        for (let i = 0; i < data.length; i++) {
          //服务器地址
          let tempurl = fileCenterUrl + 'qycode/document/' + data[i].zyid
          console.log('文件名:' + data[i].filename)
          console.log('文件下载地址:' + tempurl)
        }
        _this.fileData = data
      }
    }

    console.log(obj) //QjFileCenter配置
    //初始化上传按钮,注入点击事件:打开上传控件
    new QJUpload(obj)
  },
  data() {
    return {
      fileData: undefined
    }
  },
  methods: {
    //预览
    previewFile() {
      if (this.fileData === undefined) {
        alert('没有可预览的数据')
        return
      }
      let file1 = this.fileData[0]
      let url = fileCenterUrl + '/Web/Html/Tools/doc.html?zyid=' + file1.zyid
      window.open(url, 'top')
    },

    //下载
    downloadFile() {
      if (this.fileData === undefined) {
        alert('没有可预览的数据')
        return
      }
      let file1 = this.fileData[0]
      let url = fileCenterUrl + '/qycode/document/' + file1.zyid
      window.location.href = url
    }
  }
}
</script>
